$(function() {
    var id = 1
        // 定义渲染评论区函数
    function renderComment() {
        $.ajax({
            url: '/api/articles/' + id + '/comments',
            method: 'GET',
            success: function(res) {
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                // 定义过滤器
                template.defaults.imports.formatTime = function(value) {
                        return moment(value).format('YYYY-MM-DD')
                    }
                    // 调用模板
                var htmlStr = template('render-comment-tpl', res)
                    // 渲染评论区
                $('.allComment').html(htmlStr)
            }
        })
    }
    // 调用函数
    renderComment()
        //屏蔽关键字
    $('#isName').keyup(function() {
        $(this)[0].value = $(this)[0].value.replace(/傻逼|煞笔|沙比|傻\s*逼/g, '**')
    })
    $('#isContent').keyup(function() {
            $(this)[0].value = $(this)[0].value.replace(/傻逼|煞笔|沙比|傻\s*逼/g, '**')
        })
        // 给评论框绑定提交事件
    $('#comment-form').submit(function(e) {
            e.preventDefault()
                // 判断输入框是否为空
            if ($('#isName').val().trim() == '') {
                console.log(123);
                return layer.msg('请输入评论人姓名')
            } else if ($('#isContent').val().trim() == '') {
                return layer.msg('请输入评论内容')
            }
            // 发送请求将数据添加到数据库
            $.ajax({
                url: '/api/articles/' + id + '/comments',
                method: 'POST',
                data: $(this).serialize(),
                success: function(res) {
                    if (res.status != 0) {
                        return layer.msg(res.message)
                    }
                    layer.msg('评论成功')
                    renderComment()
                    $('#comment-form').get(0).reset()
                }
            })
        })
        // 定时更新文本框的字数
    $('#isContent').keyup(function() {
            // 获取文本框字数
            var num = $(this).val().trim().length
                // 渲染字数
            $('#wordNum').html(num)
        })
        // 点赞功能
    $(document).on('click', '.like', function() {
        var count = $(this).children().eq(1).html()
        var color = $(this).css('color')
            // console.log(color);
        if (color == 'rgb(167, 167, 167)') {
            $(this).css("color", "rgb(252, 85, 49)")
            count++
            $(this).children().eq(1).html(count)
        } else {
            $(this).css("color", "rgb(167, 167, 167)")
            count--
            $(this).children().eq(1).html(count)
        }
    })
})